<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language ?>" lang="<?php print $language->language ?>" <?php if (isset($language->dir)) print 'dir="'.$language->dir.'"'; ?>>
	<head>
	    <?php print $head ?>
    	<title><?php print $head_title ?></title>
	    <?php print $styles ?>
	    <?php print $scripts ?>
		<script type="text/javascript" src="<?php echo $base_path.$directory; ?>/js/mootools/mootools-1.2.3-core.js"></script>
		<script type="text/javascript" src="<?php echo $base_path.$directory; ?>/js/mootools/mootools-1.2.3.1-more.js"></script>
		<script type="text/javascript" src="<?php echo $base_path.$directory; ?>/js/component/loader.js"></script>
		<script type="text/javascript" src="<?php echo $base_path.$directory; ?>/js/share.js"></script>
		<script type="text/javascript" src="<?php echo $base_path.$directory; ?>/js/AC_RunActiveContent.js"></script>
	</head>

    <body id="home">

		<div id="warpper">

            <div id="header">
				<h1><a href="<?php echo $base_path; ?>" title="<?php echo t('Home'); ?>" class="home"><img src="<?php echo $base_path . $directory; ?>/images/ttl_site.jpg" alt="<?php echo($site_name); ?>" width="227" height="40" /></a></h1>
				<?php if ($header): ?>
					<?php print $header ?>
				<?php endif; ?>
            </div>

            <div id="main">
				<p id="snapshot"><img src="<?php echo $base_path . $directory; ?>/images/img_main.jpg" alt="Processing Clock" width="950" height="220" /></p>

				<div id="introduction" class="section">
					<div class="lead">
                        <h2><img src="<?php echo $base_path . $directory; ?>/images/ttl_lead.jpg" alt="" width="432" height="26" /></h2>
                        <p><img src="<?php echo $base_path . $directory; ?>/images/img_lead.jpg" alt="" width="432" height="54" /></p>
					</div>
                    <p class="installer"><script type="text/javascript" src="js/install.js"></script></p>
				</div>

				<div id="latest" class="section">
					<div class="news">
                        <h3><img src="<?php echo $base_path . $directory; ?>/images/ttl_news.jpg" alt="news" width="708" height="43" /></h3>
                        <ul class="hfeed">
                        	<li class="hentry"><abbr title="20090628" class="published">2009-06-28</abbr>&nbsp;<span class="entry-title">Processing Clockのサイトを公開しました。</span></li>
                        </ul>
					</div>

					<div class="downloads">
                        <h3><img src="<?php echo $base_path . $directory; ?>/images/ttl_download.jpg" alt="download" width="226" height="43" /></h3>
                        <ul>
                            <li><a title="Processing Clock 1.1をダウンロードします" href="http://prosessing-clock.googlecode.com/files/processing-clock-1.1.air" class="download">processing-clock-1.1.air</a>&nbsp;&nbsp;&nbsp;<img src="<?php echo $base_path . $directory; ?>/images/img_new.jpg" alt="NEW" /></li>
                            <li><a title="Processing Clock 1.0をダウンロードします" href="http://prosessing-clock.googlecode.com/files/processing-clock.air" class="download">processing-clock.air</a></li>
                        </ul>
					</div>
				</div>

				<div id="books" class="section">
					<ul>
						<li>
                        	<p class="image"><a title="Built with Processing [改訂版]" href="http://www.amazon.co.jp/gp/product/4861005582?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4861005582"
  class="external">
<img src="http://ecx.images-amazon.com/images/I/41XEE%2BuMOzL._SL75_.jpg" alt="Built with Processing [改訂版]"  /></a>
</p>
							<p class="content"><a title="Built with Processing [改訂版]" href="http://www.amazon.co.jp/gp/product/4861005582?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4861005582" class="external">Built with Processing [改訂版]</a></p>
                        </li>
						<li>
                        	<p class="image"><a title="メディアアートの教科書" href="http://www.amazon.co.jp/gp/product/4845908174?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4845908174"class="external"><img src="http://ecx.images-amazon.com/images/I/41a2QOhr65L._SL75_.jpg" alt="メディアアートの教科書" /></a></p>
							<p class="content"><a title="メディアアートの教科書" href="http://www.amazon.co.jp/gp/product/4845908174?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4845908174"class="external">メディアアートの教科書</a></p>
                        </li>
						<li>
                        	<p class="image"><a title="ビジュアライジング・データ ―Processingによる情報視覚化手法" href="http://www.amazon.co.jp/gp/product/4873113784?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4873113784"class="external"><img src="http://ecx.images-amazon.com/images/I/41DdCRhKTAL._SL75_.jpg" alt="ビジュアライジング・データ ―Processingによる情報視覚化手法" /></a></p>
							<p class="content"><a title="ビジュアライジング・データ ―Processingによる情報視覚化手法" href="http://www.amazon.co.jp/gp/product/4873113784?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4873113784"class="external">ビジュアライジング・データ ―Processingによる情報視覚化手法</a></p>
                        </li>
						<li>
                        	<p class="image"><a title="メディアアートの世界―実験映像1960‐2007" href="http://www.amazon.co.jp/gp/product/4336049890?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4336049890"class="external"><img src="http://ecx.images-amazon.com/images/I/31GU%2BwyVYOL._SL75_.jpg" alt="メディアアートの世界―実験映像1960‐2007" /></a></p>
							<p class="content"><a title="メディアアートの世界―実験映像1960‐2007" href="http://www.amazon.co.jp/gp/product/4336049890?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4336049890"class="external">メディアアートの世界―実験映像1960‐2007</a></p>
                        </li>
						<li class="last">
                        	<p class="image"><a title="はじめてのGainerプログラミングガイド (I・O BOOKS)" href="http://www.amazon.co.jp/gp/product/4777513661?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4777513661"class="external"><img src="http://ecx.images-amazon.com/images/I/51133RxopeL._SL75_.jpg" alt="はじめてのGainerプログラミングガイド (I・O BOOKS)" /></a></p>
							<p class="content"><a title="はじめてのGainerプログラミングガイド (I・O BOOKS)" href="http://www.amazon.co.jp/gp/product/4777513661?ie=UTF8&amp;tag=holyshareddes-22&amp;linkCode=as2&amp;camp=247&amp;creative=1211&amp;creativeASIN=4777513661"class="external">はじめてのGainerプログラミングガイド (I・O BOOKS)</a></p>
                        </li>
					</ul>
				</div>
            </div>

            <div id="footer">
				<?php print $footer_message . $footer ?>
			</div>
		</div>
		<?php print $closure ?>
	</body>
</html>
